<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
<title>Painel de Controle</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script type="text/javascript" src="util.js"></script>
<script type="text/javascript" src="index.js"></script>


</head>
<style>

</style>
<script>

FORM = "$index_form";

function openUserForm(){
	window.location = "http://" + window.location.host + "/baker-street-web/"+"user-form.html";
}

function openCreateListForm(){
	window.location = "http://" + window.location.host + "/baker-street-web/"+"create-list-form.html";
}

function openExecuteListForm(){
	window.location = "http://" + window.location.host + "/baker-street-web/"+"execute-list-form.html";
}


function openLogout(){
	window.location = "http://" + window.location.host + "/baker-street-web/"+"logout.html";
}

function initialize(){
	formArea = getById("checklists-container");
	loadData();
}

</script>
<body onload="initialize()">
<table cellspacing="0" celpadding="0" class="main-table" >
<tr>
	<td>
		
		<div class="control-panel-header-footer"> 
			<table style="width: 100%;">
			<tr>
				<td width="15%;">
					<img alt="logo" src="images/logo.png" style="width: 140px; height: 122px;"/>
				</td>
				<td width="40%;">
					<h1 class="main-title">Listas de Verificação</h1>
				</td>
				<td  width="20%;">
					<div id="admin-options" style="display:none;">
						<table id="admin-options" width=150>
							<tr>
								<td><div id="create-checklist-option" onclick="openCreateListForm()" class="main-option" style="background-image:url('images/checklist-execution2.jpg'); background-size:105px 132px; background-repeat:no-repeat; background-position: -17px -25px;"></div></td>
								<td><div id="manage-users-option" onclick="openUserForm()" class="main-option" style="background-image:url('images/user-icon.png'); background-size: 70px 70px; background-repeat:no-repeat; background-position: -1px -1px;"></div></td>
							</tr>
							<tr>
								<td><label class="main-option-text" >Novo Template</label></td>
								<td><label class="main-option-text" >Controlar Usuários</label></td>
								
							</tr>
						</table>
					</div>
				</td>
				<td width="20%;">
					<div class="user-id-container">				
					<table>
						<tr>
							<td class="user-id-text" colspan="2" style="font-weight: bold;">Identificação do Usuário</td>
						</tr>
						<tr>
							<td class="user-id-text" >Nome: </td>
							<td class="user-id-text" id="user-name"></td>
						</tr>
						<tr>
							<td class="user-id-text" >Login: </td>
							<td class="user-id-text" id="user-login"></td>
						</tr>
						<tr>
							<td class="user-id-text" >Tipo: </td>
							<td class="user-id-text" id="user-type"></td>
						</tr>
					</table>
					</div>
				</td>
				<td width="5%;">
					<img class="logout-button" alt="Sair" onclick="openLogout()" src="images/logout.png">
				</td>
			</tr>
		</table> 
		</div>
	</td>
</tr>
<tr>
	<td>
		<table cellspacing="0" celpadding="0">
			<tr>
				<td>
					<div id="checklists-container">
					</div>
				</td>
			</tr>
		</table>
	</td>
</tr>
<tr>
	<td></td>
</tr>
<tr>
	<td>
		<div class="control-panel-header-footer">
			<table>
				<tr>
					<td class="main-title" style="text-align: center;">
						APLICATIVO DE AUXÍLIO À INSPEÇÃO DE SOFTWARE COM LISTAS DE VERIFICAÇÃO
					</td>
				</tr>
				<tr>
					<td class="user-id-text" style="text-align: center;">
						<p style="text-align: left; width: 600px;">
							Trabalho de Conclusão de Curso submetido à Universidade Regional de Blumenau <br>
							Acadêmica Mayara Barbieri da Silva <br>
							Curso de Sistemas de Informação 2012.01 
						</p>
					</td>
				</tr>
			</table> 
		</div>
	</td>
</tr>
</table>
</body>
</html>